<template>
  <div class="audition117">
    <p><span class="color">device-pixel-ratio</span>获取设备的dpr</p>
    <p>一般配合媒体查询，解决一些问题</p>
    <code class="code">
      @media (-webkit-min-device-pixel-ratio: 2) { ... }<br />
      /* is equivalent to */<br />
      @media (min-resolution: 2dppx) { ... }<br />
      <br />
      /* And likewise */<br />
      @media (-webkit-max-device-pixel-ratio: 2) { ... }<br />
      /* is equivalent to */<br />
      @media (max-resolution: 2dppx) { ... }
    </code>
  </div>
</template>

<script>
export default {
  name: 'Audition117'
}
</script>

<style>

</style>